import { Group, Boxs, Button,Avatar} from 'saltui';
const { Box,VBox } = Boxs;
const avatarColors = ['#38adff'];
import './PageDemo.less'
export default class Demo extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
    }
  }

  render() {
    let t=this;
    return <div className=" t-PR14 t-PL14 t-PT10 t-PB10 t-LH1_5 t-BCf">
      <div className="t-MB10">
          <Button type="minor">发起新的会议申请</Button>           
      </div>
          
      <Group className="t-self-group-wrapper t-MB10">
        <h2 className="t-list-title t-FBH">
        <Avatar name="1" filter={prevName => prevName} colors={avatarColors} size={24} fontSize={16} className="t-MR4" />        
        <span style={{ color:'#'+'38ADFF'}}>进入会议室页面</span>
        </h2>
        <VBox className=" t-PT10 t-PB10 t-FS14">
          <Box>
            <p>
              进入医管云后，点击应用>>会议>>会议室页面查看会议室详情，并选择需要预约的时段即可发起会议申请。
            </p>
          </Box>
        </VBox>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_07.png" alt=""/>
        
        </div>
      </Group>
      <Group className="t-self-group-wrapper t-MB10">
        <h2 className="t-list-title t-FBH">
        <Avatar name="2" filter={prevName => prevName} colors={avatarColors} size={24} fontSize={16} className="t-MR4" />        
        <span style={{ color:'#'+'38ADFF'}}>进入新建页面填写申请信息</span>
        </h2>
        <VBox className=" t-PT10 t-PB10 t-FS14">
          <Box>
            <p>
              进入“会议申请“页面后，填写会议名称、主题等基本信息，选择需要使用的会议室和会议召开结束时间，选择会议主持人、纪要员、参会人员，选择相关会议服务，设置提醒和签到信息，完成填写后点击确定即可发起申请。
              若会议室需要审核，则提交给相关人员进行审批，审批通过后自动发起会议；若无需审核，则直接发起会议安排，通知有关参会人员。
            </p>
          </Box>
        </VBox>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_06.png" alt=""/>
        
        </div>
      </Group>
      {/*<Group className="t-self-group-wrapper t-MB10">
        <h2 className="t-list-title t-FBH">
        <Avatar name="3" filter={prevName => prevName} colors={avatarColors} size={24} fontSize={16} className="t-MR4" />        
        <span style={{ color:'#'+'38ADFF'}}>会议申请催办</span>
        </h2>
        <VBox className=" t-PT10 t-PB10 t-FS14">
          <Box>
            <p>
              提交会议申请后，如审批人长时间未处理，可进入会议详情中点击“催办”，自定义输入催办内容，提醒审批人尽快处理。
            </p>
          </Box>
        </VBox>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_13.png" alt=""/>
        
        </div>
        <div className="help-repair-img-list" vAlign="center" hAlign="center" >
        
           <img src="../../../fmui/images/meeting_14.png" alt=""/>
        
        </div>
      </Group>*/}
    </div>
  }
};
